<%-- 
    Document   : customerexpand
    Created on : Aug 11, 2012, 10:19:09 AM
    Author     : ems
--%>


<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="f" uri="http://java.sun.com/jsf/core" %>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html" %>
<%@taglib prefix="rich" uri="http://richfaces.org/rich" %>
<%@taglib prefix="a4j" uri="http://richfaces.org/a4j" %>

<html>
    <head>

        <script type="text/javascript" language="javascript" src="../scripts/jQuery/confirm.js"></script>
        <script type="text/javascript" language="javascript" src="../scripts/jQuery/jquery.fancybox-1.3.4.pack.js"></script>
        <script type="text/javascript" language="javascript" src="../scripts/jQuery/jq.date.js"></script>
        <link rel="stylesheet" type="text/css" href="../css/ui.datepicker.css"/>
        <link rel="stylesheet" type="text/css" href="../css/thickbox.css"/>
        <link rel="stylesheet" type="text/css" href="../css/kapiform.css"/>
        <link rel="stylesheet" type="text/css" href="../css/paging.css"/>
        <script type="text/javascript" language="javascript" src="../scripts/jQuery/thickbox.js"></script>
        <script type="text/javascript" language="javascript">
            var open_cur = 0;
            $j = jQuery.noConflict();
            $j(document).ready(function(){
                $j('.keysearch').live('keyup',function(){
                    if($j('.keysearch').val() == ""){
                        $j('.rich-table-row').show();
                                   
                    }else{
                        $j('.rich-table-row').hide();
                        $j('.rich-table-row').each(function(){
                            html = $j(this).html();
                            if(   ununicode(html).indexOf(  ununicode($j('.keysearch').val()) ) > -1    )  {
                                $j(this).show();
                            }else{
                                $j(this).hide();
                            }
                        });
                    }

                });
                $j(".rich-table-row:odd").addClass("odd");
                
            });
                    
        </script>
        <style type="text/css">

            .content .scrolls{
                width:800px !important;
                float:left;

                overflow:auto;
            }
            .content_right{
                min-height:2000px;
            }
            .content .rich-table{
                width:800px !important;
                float:left;

                overflow:auto;
            }
            .content table{
                width:800px !important;
                float:left;
            }
            .content_table{
                width:915px !important;
                float:left;

                overflow:auto;

            }

            .sidebar2{


                cursor: pointer;
                float: left;
                height: 43px;
                line-height: 43px;
                margin-top: 5px;
                padding-right: 36px;
                text-align: left;
            }

            .feild_sex td label{width: 150px !important; color:white; font-size:12px; text-transform: none; margin-left:3px;}

            .buttonsearch2{
                border:0;
                background:url(../images/bg_submit.gif) repeat-x;
                width:68px;

                margin:0px 0 10px 20px;
                color:#ffffff;
                font-size:12px;
                font-weight:bold;
                cursor:pointer;
                border-radius:2px;
                padding:4px 0;
                text-transform:uppercase;
            }
            input{
                float:left;
                margin-left:9px;
            }
            select{
                float:left;
                height: 21px;
                width:70px;
                margin-left:9px;
            }
            .feild_sex td label{width: 150px !important; color:white; font-size:12px; text-transform: none; margin-left:3px;}
            .buttonsearch:hover .group{display: block !important;}
        </style>
    </head>


    <body>
        <h:form>
            <h:commandButton action="#{documentController.printWord}" value="save"/>
        </h:form>
         <h:form>
             <h:commandButton action="#{documentController.redfileWord}" value="save"/>
        </h:form>
        <a4j:form>
            <f:loadBundle basename="#{environmentSession.localizationSource}" var="locale"/>
            <h:outputText value="<div class='permission' lang='#{loginSession.right.MNU_SLE_VIE}'></div>" escape="false"/>
            <div id="content">
                <div id="menu_top">
                    <div class="dropdown">
                        <div class="select_choise">
                            <a href="#"><span>Khu vực</span></a>
                        </div>
                        <div class="select_hidden">
                            <ul>

                                <li><a href="#"><span>Filter Cấp 3</span></a></li>
                                <li><a href="#"><span>Filter Cấp 3</span></a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="dropdown">
                        <div class="select_choise">
                            <a href="#"><span>Outlets</span></a>
                        </div>
                        <div class="select_hidden">
                            <ul>
                                <li><a href="#"><span>Ban Điều Hành</span></a></li>
                                <li><a href="#"><span>Nhóm IT</span></a></li>
                                <li><a href="#"><span>Filter Cấp 3</span></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div id="content_detail">

                    <div class="fast_search" style="margin-top:-23px;margin-left:649px;">

                        <h:inputText value="" onfocus="if(this.value=='')this.value='';" styleClass="keysearch"  />
                        <div  style="margin-left:5px; float:left" class="buttonsearch">
                            <div class="group cssgroup"  >
                                <h:selectOneRadio layout="pageDirection" value="" styleClass="feild_sex"  style="margin-left:5px; margin-top:14px; padding:15px; width:195px; height:140px;"   >
                                    <f:selectItem itemValue="0" itemLabel="#{locale.all}" />
                                    <f:selectItem itemValue="1" itemLabel="#{locale.company}" />
                                    <f:selectItem itemValue="2" itemLabel="#{locale.telephone}"/>
                                    <f:selectItem itemValue="3" itemLabel="#{locale.frist_lastname}"/>
                                    <f:selectItem itemValue="4" itemLabel="#{locale.person_info}"/>
                                    <f:selectItem itemValue="5" itemLabel="#{locale.email}"/>
                                    <f:selectItem itemValue="6" itemLabel="#{locale.tour}"/>
                                    <f:selectItem itemValue="7" itemLabel="#{locale.supplier}"/>
                                </h:selectOneRadio>
                                <h:commandButton      action="aa" value="#{locale.search}" style="margin-left:15px; margin-top:2px;" styleClass="buttonsearch2">
                                </h:commandButton>
                            </div>
                        </div>



                    </div>

                    <div class="sidebar_row1">
                        <div class="sidebar">

                            <h:outputLink  rendered="#{loginSession.right.SLE_LST_CRE}" value="editContract.jsp">
                                <span>  <h:outputText value="Cập nhật"/> </span>
                            </h:outputLink>
                        </div>
                    </div>

                    <div class="content_right" style="margin-top:15px;">
                        <div style="height: 29px;background-color: #4A5763;width: 916px;line-height: 29px;">
                            <div style="margin-left: 15px;color: white;">
                                <h:outputText value="HỢP ĐỒNG LAO ĐỘNG" style="text-transform:uppercase"/>
                            </div>
                            <div style="width: 99%;border: 1px solid #000000;height: 2000px;">
                                <h:outputText value="#{documentController.readFile}"/>

                            </div>

                        </div>


                    </div>
                </div>
            </div>
        </a4j:form>

    </body>
</html>

